<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"   
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <link href="style2.css" rel="stylesheet" type="text/css" />
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>

                <title>MENU INICIO</title>
            </f:facet>
        </h:head>

        <h:body>

            <div id="container">
                <div id="banner">
                    <h1>LA GEA EL SALVADOR</h1>
                </div>
                <div id="navbar2" >
                    <ul>
                        <li>SESION INICIADA COMO: #{datosSesionBean.nombreUsuario}</li>
                    </ul>
                </div>
                <div id="navbar">
                    <h:form>
                        <ul>
                            <li><h:link outcome="MenuInicio">INICIO</h:link></li>
                            <li><h:link outcome="Usuarios">USUARIOS</h:link></li> 
                            <li><h:link outcome="Reportes">REPORTES</h:link></li>
                            <li><h:link outcome="Ordenes">ORDENES</h:link></li>
                            <li><h:link outcome="Inventarios">INVENTARIOS</h:link></li>
                            <li><h:link outcome="Mantenimientos">MANTENIMIENTOS</h:link></li>
                            <li><h:link outcome="MiCuenta">MI CUENTA</h:link></li>
                            <li><h:commandLink actionListener="#{datosSesionBean.cerrarSesion()}">SALIR</h:commandLink></li>

                        </ul>
                    </h:form>
                </div>
                <div class="clear"></div>
                <div id="content">

                    <p:dataTable var="mun" value="#{menuInicio.lstServicios}" id="muni" editable="true"
                                 paginator="true" rows="10"  paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} "  
                                 > 
                        <f:facet name="header">  
                            HISTORICO DE SOLICITUDES DE SERVICIO
                        </f:facet> 


                        <p:column id="model" filterBy="#{mun.id}" filterMatchMode="contains" headerText="ID" style="width:10%">  
                            <h:outputText value="#{mun.id}" />  
                        </p:column>  


                        <p:column headerText="CLIENTE" style="width:50%">  
                            <h:outputText value="#{mun.nomCliente}" /> 
                        </p:column>  

                        <p:column headerText="SERVICIO" style="width:50%">  

                            <h:outputText value="#{mun.nomServicio}" /> 

                        </p:column>  
                        <p:column headerText="FECHA PARA SOLICITUD" style="width:50%">  

                            <h:outputText value="#{mun.fechaAtencion}" /> 

                        </p:column>  

                        <p:column headerText="HORA SOLICITADA" style="width:50%">  

                            <h:outputText value="#{mun.horaAtencion}" /> 

                        </p:column>  
             
                        <p:column headerText="OBSERVACION" style="width:50%">  

                            <h:outputText value="#{mun.observacion}" /> 

                        </p:column>
                        <!--    <p:column headerText="ASIGNAR" style="width:50%">  
                           
                                    <h:link outcome="AsignacionOrdenServicio.xhtml" value="ASIGNAR">
                                         <f:param name="id"  value="#{mun.id}" />
                                        
                                    </h:link>  
                        </p:column>   -->



                    </p:dataTable>

                </div>
                <div class="clear"></div>
                <div id="footer">
                    <p align="center">ADMINISTRADO Y DISEÑADO POR ANALISIS DE SISTEMAS 2</p>
                </div>
            </div>

        </h:body>

    </f:view>
</html>